<template>
	<view>
		<!-- #ifdef H5 -->
		<view class="" v-if="show">
			<u-mask :show="show">
				<image src="/static/TISHI.png" mode="widthFix" style="width:700rpx;margin-top: 100rpx;"></image>
			</u-mask>
		</view>
		<view class="" style="width: 100vh;height: 100vh;position: relative;" v-else>
			<image
				src="https://baijixing.oss-cn-chengdu.aliyuncs.com/2025/APRIL/16/1744795906255_979eba4d-b542-4ce4-a20d-fe019310d479.jpg"
				mode="aspectFill" class="beijin"></image>
			<image
				src="https://baijixing.oss-cn-chengdu.aliyuncs.com/2025/APRIL/25/1745566460978_52fd14fa-df94-44f4-bfcc-b39b7a7ac6c8.png"
				mode="aspectFill" class="bottm"></image>
			<view class="btn_fox" @click.stop="tourl">

			</view>
		</view>
		<!-- #endif -->

	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: true,
				url: ''
			}
		},
		onShow() {
			//#ifdef H5
			if (this.$jwx && this.$jwx.isWechat()) { //检查是否是微信环境  
				this.show = true
			} else {
				this.show = false
			}
			//#endif
			this.cread()
		},
		methods: {
			tourl() {
				location.href = this.url
			},
			async cread() {
				let res = await this.$request("worker/app/version")
				let url = res.data.path
				this.url = url
			}
		}
	}
</script>

<style>
	.bottm {
		position: absolute;
		bottom: 0%;
		width: 750rpx;
		height: 514rpx;
		z-index: 5;
	}

	.beijin {
		position: absolute;
		width: 750rpx;
		height: 100vh;
		z-index: 1;
	}

	.btn_fox {
		position: absolute;
		width: 620rpx;
		height: 100rpx;
		z-index: 999;
		bottom: 8%;
		left: 4%;
	}
</style>